<%--
  Created by IntelliJ IDEA.
  User: 18442
  Date: 2025-07-23
  Time: 17:04
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
    <script type="text/javascript" src="jquery-3.7.1.min.js"></script>
    <script type="text/javascript">
        $(function () {
            $("#getJson").click(function () {
                var url = this.href;
                var args = {"time": new Date()};

                //发出一个Ajax请求
                $.post(
                    url,
                    args,
                    function (data) {
                        console.log("data", data)
                    },
                    json
                )
            })

            $("button[name=butt1]").click(function () {
                // 获取输入值
                var username = $("#userName").val();
                var age = $("#age").val();

                // 构建JSON对象
                var person = {
                    "username": username,
                    "age": age
                };
                var data = JSON.stringify(person);

                console.log("发送的数据:", data);

                // 发出ajax请求
                $.ajax({
                    url: "/springmvc/json/save2",
                    type: "POST",
                    data: data,
                    contentType: "application/json;charset=utf-8",
                    dataType: "json",
                    success: function (data) {
                        console.log("成功返回的数据=", data);
                    },
                    error: function (xhr, status, error) {
                        console.error("请求失败:", status, error);
                    }
                });

                return false; // 阻止表单默认提交行为
            });
            // $("button[name=butt1]").click(function () {
            //     //获取他的信息
            //     var url = "/springmvc/json/save2"
            //
            //     var username = $("#userName");
            //     var age = $("#age");
            //     var person = {"username": username, "age": age}
            //     var data = JSON.stringify(person);
            //
            //     console.log(data)
            //    
            //     //发出ajax请求
            //     $.ajax({
            //         url:url,
            //         type:"POST",
            //         data:data,
            //         success:function (data) {
            //             console.log("成功返回的数据为=",data)
            //         },
            //         dataType:"json",
            //         contentType:"application/json;charset=utf-8"
            //     })
            //
            // })
            // return false;
        })
    </script>
</head>
<body>
<a href="<%=request.getContextPath()%>/json/getDog" id="getJson">点击获取 json 数据</a>


<h1>发出一个 json 数据</h1>
u:<input id="userName" type="text"><br/>
a:<input id="age" type="text"><br/>
<button name="butt1">添加用户</button>

<h1>下载文件的测试 </h1>
<a href="<%=request.getContextPath()%>/downFile">点击下载文件</a>
</body>
</html>
